<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>静态资源测试</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            background-color: #f5f5f5;
        }
        .container {
            background: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        .test-item {
            margin: 15px 0;
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
            background-color: #f9f9f9;
        }
        .btn {
            display: inline-block;
            padding: 8px 16px;
            background-color: #007bff;
            color: white;
            text-decoration: none;
            border-radius: 4px;
            margin: 5px;
        }
        .btn:hover {
            background-color: #0056b3;
        }
        .status {
            padding: 10px;
            margin: 10px 0;
            border-radius: 5px;
            font-weight: bold;
        }
        .success {
            background-color: #d4edda;
            color: #155724;
            border: 1px solid #c3e6cb;
        }
        .error {
            background-color: #f8d7da;
            color: #721c24;
            border: 1px solid #f5c6cb;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>静态资源访问测试</h1>
        
        <div class="test-item">
            <h3>H5项目实际文件结构</h3>
            <p>H5项目构建后的文件位于：<code>hhm/static/h5/</code></p>
            <p>静态资源位于：<code>hhm/static/h5/assets/</code></p>
        </div>
        
        <div class="test-item">
            <h3>正确的资源路径</h3>
            <p>根据H5的index.html，正确的资源路径应该是：</p>
            <ul>
                <li><code>/static/h5/assets/uni.95f8bd5d.css</code></li>
                <li><code>/static/h5/assets/index.DOVtpg04.css</code></li>
                <li><code>/static/h5/assets/index.DKt_-jSc.js</code></li>
            </ul>
        </div>
        
        <div class="test-item">
            <h3>测试资源访问</h3>
            <a href="/static/h5/assets/uni.95f8bd5d.css" class="btn" target="_blank">测试 uni.css</a>
            <a href="/static/h5/assets/index.DOVtpg04.css" class="btn" target="_blank">测试 index.css</a>
            <a href="/static/h5/assets/index.DKt_-jSc.js" class="btn" target="_blank">测试 index.js</a>
        </div>
        
        <div class="test-item">
            <h3>错误的路径（不应该存在）</h3>
            <p>您提到的错误路径：<code>/static/h5/css/app.css</code></p>
            <p>这个路径在H5项目中并不存在，可能是：</p>
            <ul>
                <li>浏览器缓存问题</li>
                <li>H5项目运行时动态加载的资源</li>
                <li>其他配置文件中的错误引用</li>
            </ul>
        </div>
        
        <div class="test-item">
            <h3>解决方案</h3>
            <div class="status success">
                ✅ H5Controller已修改为直接读取H5的index.html
            </div>
            <div class="status success">
                ✅ 静态资源路径配置正确
            </div>
            <div class="status success">
                ✅ 所有必要的CSS和JS文件都存在
            </div>
        </div>
        
        <div class="test-item">
            <h3>建议的测试步骤</h3>
            <ol>
                <li>清除浏览器缓存</li>
                <li>访问 <a href="/h5" target="_blank">http://localhost:7081/h5</a></li>
                <li>打开浏览器开发者工具，查看Network标签</li>
                <li>检查是否有404错误的资源请求</li>
            </ol>
        </div>
        
        <div class="test-item">
            <h3>如果仍有问题</h3>
            <p>请提供以下信息：</p>
            <ul>
                <li>浏览器开发者工具中Network标签的截图</li>
                <li>具体的404错误URL</li>
                <li>H5应用加载时的控制台错误信息</li>
            </ul>
        </div>
    </div>
</body>
</html>
